<!--
 * @Author: HJK
 * @Date: 2023-11-24 11:32:32
 * @LastEditTime: 2023-12-08 13:19:56
 * @LastEditors: HJK
 * @Description: ...
 * @FilePath: \GP_manage_vue2\src\App.vue
 * @Version: 1 ...
-->
<template>
	<a-config-provider :locale="locale">
		<div id="app">
			<router-view />
		</div>
	</a-config-provider>
</template>
<script>
import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
import enquireScreen from "@/utils/device";

export default {
	data() {
		return {
			locale: zhCN,
		};
	},
	created() {
		let that = this;
		enquireScreen((deviceType) => {
			// tablet
			if (deviceType === 0) {
				that.$store.commit("TOGGLE_DEVICE", "mobile");
				that.$store.dispatch("setSidebar", false);
			}
			// mobile
			else if (deviceType === 1) {
				that.$store.commit("TOGGLE_DEVICE", "mobile");
				that.$store.dispatch("setSidebar", false);
			} else {
				that.$store.commit("TOGGLE_DEVICE", "desktop");
				that.$store.dispatch("setSidebar", true);
			}
		});
	},
};
</script>
<style>
#app {
	height: 100%;
  overflow: hidden;
}

</style>